<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/1CssMaster.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/enfantSimul.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />

<script type="text/javascript" src="../js/jquery.js"></script>
<style type="text/css">
#partie1{
	float:left;
	width:40%;
	padding:10px;
	margin-left: 20px;
	margin-right: 30px;
}
</style>
</head>
<body>

	<div id="headerDroite">
		<h:form>
			<h:panelGrid columns="2">
				<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
				<h:commandButton value="Déconnexion"
					action="#{mbConnexion.deconnexion}" />
				<h:outputText style="center:left" />
				<h:outputText style="center:left" />
			</h:panelGrid>
		</h:form>
	</div>
	<div id="divTitre">
		<h1 id="nomLogiciel">Gepeto</h1>
		<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
			width="80px" height="80px" />

	</div>

	<div id="divMenuHaut">

		<ul id="ulMenuHaut">

			<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier
					Enfant</a></li>
			<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
			<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
			<li class="liMenuHaut"><a href="factConsultation.xhtml">Facturation</a></li>
			<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
			<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
		</ul>
	</div>

	<div id="divSousMenuGauche">
		<h:form>
			<ul id="ulSousMenuGauche">
				<li class="liSousMenuGauche"><a href="ficheEnfant.xhtml">Fiche
						Enfant</a></li>
				<li class="liSousMenuGauche"><h:commandLink
						actionListener="#{beanInscriptionHib.actionInscription}"
						value="Inscrire" action="enfantHistorique">
						<f:attribute name="NomEnfant"
							value="#{beanEleveMairie.nomEleveMairie}" />
						<f:attribute name="PrenomEnfant"
							value="#{beanEleveMairie.prenomEleveMairie}" />
						<f:attribute name="IdEnfant" value="#{beanEleveMairie.idElv}" />
					</h:commandLink></li>
				<li class="liSousMenuGauche"><h:commandLink
						actionListener="#{beanTf.recupEleve}"
						value="Tarification
						Facturation" action="tarifFacture">
						<f:attribute name="NomEnfant"
							value="#{beanEleveMairie.nomEleveMairie}" />
						<f:attribute name="PrenomEnfant"
							value="#{beanEleveMairie.prenomEleveMairie}" />
					</h:commandLink></li>
				<li class="liSousMenuGauche"><a href="#">Relevé des
						présences</a></li>
				<li class="liSousMenuGauche"><h:commandLink
						actionListener="#{beanArchivage.recupEleve}" value="Archives"
						action="archives">
						<f:attribute name="NomEnfant"
							value="#{beanEleveMairie.nomEleveMairie}" />
						<f:attribute name="PrenomEnfant"
							value="#{beanEleveMairie.prenomEleveMairie}" />
					</h:commandLink></li>
			</ul>
		</h:form>
	</div>

	<div id="centre" >

		<div id="divEleve">
			<form id="formulaire" method="post" action="">
				<table id="tabEleve">
					<tr>
						<td><label>Archives élève :</label></td>
						<td><h:outputText id="nom" value="#{beanArchivage.nomEleve}" /></td>
						<td><h:outputText id="prenom"
								value="#{beanArchivage.prenomEleve}" /></td>
					</tr>
				</table>
			</form>
		</div>
		<br />

		<h:form enctype="multipart/form-data">

	<div id="aze">	
				<div id="partie1">
					<h:outputLabel for="descFichier">Description du fichier :  </h:outputLabel>
					<h:inputText id="descFichier"
						value="#{beanArchivage.descriptionFichier}"></h:inputText>
					<br />
<br />
					<t:inputFileUpload id="fichier" value="#{beanArchivage.inpFile}" />

					<h:commandButton id="btnUpl" value="charger!"
						action="#{beanArchivage.chargementFichier}">
						<!-- 				<f:ajax render="dada" ></f:ajax> -->
					</h:commandButton>
<br />
				

				<div class="datagrid" style="margin-top: 30px;">
				
					<h:dataTable id="dada" value="#{beanArchivage.lesFichiers}" var="o"
						styleClass="order-table" headerClass="order-table-header"
						rowClasses="order-table-odd-row,order-table-even-row">
						<h:column>
							<f:facet name="header">Nom du fichier</f:facet>
							<h:outputLabel id="fii" value="#{o.descFic}" />
						</h:column>

						<h:column>
							<f:facet name="header">Visualiser</f:facet>
							<h:commandLink value="voir"
								actionListener="#{beanArchivage.aeOuvrirArchives}">
								<f:attribute name="descfic" value="#{o.descFic}" />
							</h:commandLink>
						</h:column>
					</h:dataTable>
				</div>
		</div>

<div id="partie2">
			<h:panelGroup rendered="#{beanArchivage.afficherInfos==true}">
				
						<img src="../aaa.png" width="350" height="420" />
					
			</h:panelGroup>
</div>

</div>
		</h:form>


	</div>
	<div id="footer"></div>


</body>
</html>
